<!DOCTYPE html>
<!--thymeleaf 前置和命名空间-->
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>大帅银行 | 您的金融助手</title>

    <!-- Bootstrap -->
    <link th:href="@{/css/bootstrap/dist/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Font Awesome -->
    <link th:href="@{/css/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <!-- NProgress -->
    <link th:href="@{/css/nprogress/nprogress.css}" rel="stylesheet">
  
    <!-- iCheck -->
    <link th:href="@{/css/iCheck/skins/flat/green.css}" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link th:href="@{/css/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css}" rel="stylesheet">
    <!-- JQVMap -->
    <link th:href="@{/css/jqvmap/dist/jqvmap.min.css}" rel="stylesheet"/>

    <!-- Custom Theme Style -->
    <link th:href="@{/css/custom.css}" rel="stylesheet">
    <style>
      .customer_info li{
        font-size: 20px;
      }
      .customer_info_title{
        text-shadow: 1px 1px 2px #5bc0de;
      }
    </style>
  
    
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>大帅银行</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile">
              <div class="profile_pic">
                <img th:src="@{/img/logo.png}" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>欢迎您,</span>
                <h2 th:text="${#authentication.name == 'anonymousUser' ? '请登录': #authentication.principal.empName}"></h2>
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <h3>功能</h3>
                <ul class="nav side-menu">
                  <li><a th:href="@{/}"><i class="fa fa-home"></i> 返回首页 </span></a>
                    
                  </li>
                 
                  
                  <li><a><i class="fa fa-table"></i> 客户管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/customer/show_customer}">查看客户</a></li>
                      <li><a th:href="@{/customer/add_customer}">添加客户</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-clone"></i>贷款申请管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/loan/show_loans_apply}">查看贷款申请</a></li>
                      <li><a th:href="@{/loan/add_apply}">添加贷款申请</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-clone"></i>贷款审批 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/loan/show_loans_apply}">审批贷款</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bar-chart-o"></i>贷款产品管理<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/loan_produce/show_list}">查看看贷款产品</a></li>
                      <li><a th:href="@{/loan_produce/add_produce}">添加贷款产品</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bar-chart-o"></i>员工管理<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/emp/show_emps}">查看员工</a></li>
                      <li><a th:href="@{/emp/add_emp}">添加员工</a></li>
                    </ul>
                  </li>

                </ul>
              </div>
              
              </div>

            </div>
            <!-- /sidebar menu -->

            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>
            <!-- /menu footer buttons -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">

                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <!--                    <span th:text="${#authentication == 'anonymousUser'?'请登录': #authentication.principal.empName}"></span>-->
                    <span th:text="${#authentication.name == 'anonymousUser' ? '请登录': #authentication.principal.empName}"><span/>
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                    <li><a th:href="@{/emp/login}"><i class="fa fa-sign-out pull-right"></i>登录</a></li>
                    <li><a th:href="@{/logout}"><i class="fa fa-sign-out pull-right"></i>注销</a></li>
                  </ul>
                </li>

                <li role="presentation" class="dropdown">
                  <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-envelope-o"></i>
                   
                  </a>
                </li>
              </ul>
                  
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col"  role="main">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
              <div class="x_title">
                <h2>显示所有的客户详情 <small>请查看</small></h2>
                <ul class="nav navbar-right panel_toolbox">
                  <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                    <ul class="dropdown-menu" role="menu">
                      <li><a href="#">Settings 1</a>
                      </li>
                      <li><a href="#">Settings 2</a>
                      </li>
                    </ul>
                  </li>
                  <li><a class="close-link"><i class="fa fa-close"></i></a>
                  </li>
                </ul>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-10 col-md-offset-2">
              <div class="x_content">
                <ul class="customer_info">
                  <li><span class="customer_info_title">客户姓名：</span> <span th:text="${result.data.customerName}"></span></li>
                  <li><span class="customer_info_title">身份类型：</span> <span th:text="${result.data.customerType.valueName}"></span></li>
                  <li><span class="customer_info_title">证件类型：</span> <span th:text="${result.data.certificateType.valueName}"></span></li>
                  <li><span class="customer_info_title">证件号码：</span> <span th:text="${result.data.certificateNo}"></span></li>
                  <li><span class="customer_info_title">证件照片：</span> <span><img th:src="${result.data.certificateImgUrl}"/></li>
                  <li><span class="customer_info_title">教育程度：</span><span th:text="${result.data.educationType.valueName}"></span></li>
                  <li><span class="customer_info_title">家庭住址：</span>
                    <span th:text="${result.data.getProvince().name}"></span>(省/市)
                    <span th:text="${result.data.city.name}"></span>(市)
                    <span th:text="${result.data.town.name}"></span>(区/市/县)
                    <span th:text="${result.data.homeAddress}"></span>
                  </li>
                  <li><span class="customer_info_title">单位名称：</span> <span th:text="${result.data.coName}"></span></li>
                  <li><span class="customer_info_title">单位地址：</span> <span th:text="${result.data.coAddress}"></span></li>
                  <li><span class="customer_info_title">添加时间：&nbsp;</span><span th:text="${#dates.format(result.data.createTime,'yyyy-MM-dd hh:mm:ss')}"></span></li>
                  <li><span class="customer_info_title">添加人：&nbsp;&nbsp;&nbsp;&nbsp;</span> <span th:text="${result.data.createEmp.empName}"></span></li>
                  <li><span class="customer_info_title">修改时间：</span><span th:if="${result.data.modifyTime != null}" th:text="${#dates.format(result.data.modifyTime,'yyyy-MM-dd hh:mm:ss')}"></span></li>
                  <li><span class="customer_info_title">修改人：&nbsp;&nbsp;&nbsp;</span><span th:if="${result.data.modifyEmp != null}" th:text="${result.data.modifyEmp.empName}"></span></li>
                </ul>


              </div>
            </div>
          </div>
          <div class="row">
            <div class="customer_info-button col-md-2 col-md-offset-5">
              <a href="" class="btn btn-danger">修改信息</a>
            </div>
          </div>



        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
            大帅银行 - 您的金融助手 by <a href="https://www.dsbank.com">大帅银行</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/css/bootstrap/dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/fastclick.js}"></script>
    <script th:src="@{/js/nprogress.js}"></script>
    <script th:src="@{/js/Chart.js}"></script>
    <script th:src="@{/js/gauge.js}"></script>
    <script th:src="@{/js/bootstrap-progressbar.min.js}"></script>
    <script th:src="@{/js/icheck.js}"></script>
    <script th:src="@{/js/skycons.js}"></script>
    <script th:src="@{/js/jquery.flot.js}"></script>
    <script th:src="@{/js/jquery.flot.pie.js}"></script>
    <script th:src="@{/js/jquery.flot.time.js}"></script>
    <script th:src="@{/js/jquery.flot.stack.js}"></script>
    <script th:src="@{/js/jquery.flot.resize.js}"></script>
    <script th:src="@{/js/jquery.flot.orderBars.js}"></script>
    <script th:src="@{/js/jquery.flot.spline.min.js}"></script>
    <script th:src="@{/js/curvedLines.js}"></script>
    <script th:src="@{/js/date.js}"></script>
    <script th:src="@{/js/jquery.vmap.js}"></script>
    <script th:src="@{/js/jquery.vmap.world.js}"></script>
    <script th:src="@{/js/jquery.vmap.sampledata.js}"></script>
    <script th:src="@{/js/moment.min.js}"></script>
    <script th:src="@{/js/daterangepicker.js}"></script>
    <script th:src="@{/js/custom.min.js}"></script>

  </body>
</html>
